<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16110100521</title>
	<style>
		ul{
			padding: 0;
			margin: 0;
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		.flist li{
			height: 30px;
			line-height: 30px;
			margin-bottom: 4px;
			border-bottom: 1px dashed #ccc;
		}
		.rank{
			width: 15px;
			height: 15px;
			background: #c00;
			color: #fff;
			text-align: center;
			margin-right: 7px;
			float: left;
			line-height: 15px;
			margin-top: 6px;
			line-height: 11px;
		}
		.flist a{
			color: #666;
			float: left;
			font-size: 12px;
		}
		.amout{
			float: right;
			font-size: 12px;
			color: #ccc;
		}
	
	
	
	</style>
</head>

<body>
	<ul class="flist">
		<li>
			<span class="rank">1</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
		<li>
			<span class="rank">2</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
		<li>
			<span class="rank">3</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
		<li>
			<span class="rank">4</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
		<li>
			<span class="rank">5</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
		<li>
			<span class="rank">6</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
		<li>
			<span class="rank">7</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li><li>
			<span class="rank">8</span>
			<a href="#">这里是超链接</a>
			<span class="amout">23342</span>
		</li>
	</ul>
</body>
</html>
